<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分销团队</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="/assets/web/css/double.css" />
		<link rel="stylesheet" type="text/css" href="/assets/web/css/me.css" />
		<script src="/assets/web/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="sideMenu">
		    <ul>
				@for(son in list){
		        <li class="nLi">



		            <div class=" superior">
		        		<div class="bb clearfix">
		        			<div class="face_box fl">
		        				<img src="${son.avatar}" class="face">
		        				<img src="/assets/web/img/vip2x.png" class="vip">
		        			</div>
		        			<div class="fl text">
		        				<p class="name"><span>${son.nickname}</span> <img src="/assets/web/img/renshu2x.png" class="team_img"><i>5</i></p>
		        				<p class="date"></p>
		        			</div>
		        			<img src="/assets/web/img/gengduo2x.png" class="fr right">
		        		</div>
		        	</div>
		            <ul class="team_sub">
						@for(item in son.sonList){
		                <li class="clearfix">
		        				<div class="face_box fl">
		        					<img src="${item.avatar}" class="face">
		        					<img src="/assets/web/img/vip2x.png" class="vip">
		        				</div>
		        				<div class="fl text">
		        					<p class="name">${item.nickname}</p>
		        					<p class="date"></p>
		        				</div>
		        		</li>
						@}
		            </ul>
		        </li>
				@}
		    </ul>
		</div>
		<script type="text/javascript">
		    $(function(){
		        $(".sideMenu .nLi .superior").click(function(){
		            if($(this).parent(".nLi").hasClass("on")){
		                $(this).next(".team_sub").slideUp(300,function(){
		                    $(this).parent(".nLi").removeClass("on")
		                });
		            }else{
		                $(this).next(".team_sub").slideDown(300,function(){
		                    $(this).parent(".nLi").addClass("on")
		                });
		            }
						
		        })
				$(".sideMenu .nLi .superior .bb").click(function(){
					if($(this).children('.right').attr('src')=='/assets/web/img/gengduo2x.png'){
					    $(this).children('.right').attr('src','/assets/web/img/zhankai2x.png');
						$(this).children('.right').css("width","12px")
					}else{
					    $(this).children('.right').attr('src','/assets/web/img/gengduo2x.png');
						$(this).children('.right').css("width","7px")
					}
					})
		    })
		</script>
		
	</body>
</html>
